ul{padding:0;}
ul li{list-style:none;}
/*导航条修改*/
.header-wapper{background:#fff; position:relative;}
.header-wapper .navbar{position:initial;}
.main-nav-wapper .nav-line { background: #e91b1b; pointer-events: none; height: 3px; bottom: 0; width: 0; position: absolute; }
.main-nav-wapper .nav-item a:hover { color: #e91b1b !important; }
.zj-navbar.navbar-light .navbar-nav .nav-link {padding:1.2rem 1rem; }
.zj-navbar .logo-wapper { padding: 10px; }
.zj-navbar .logo-wapper .logo { height: 40px; }
.row{margin:0; margin-top: 70px;}


.sub-menu::after { content: ""; clear: both; display: table; width: 100%; }
.sub-menu{padding-left:0;}
.sub-menu>li{float:left; list-style:none;}
.sub-menu>li>.title{font-size:16px; font-weight:bold;}
.sub-menu>li .sub-menu-list{padding-left:0; margin:5px 0;}
.sub-menu>li .sub-menu-list>li{list-style:none;}
.sub-menu>li .sub-menu-list>li>a{height:30px; line-height:30px;}
.sub-menu>li .sub-menu-list>li:hover>a{color:#ff6a00;}
/*轮播修改*/
.carouselImage-wapper img{ width: 100%; }

/* 了解更多按钮 */
.learn-more-button { padding-bottom: 20px; }
.move-container { margin: 0 auto; display:table; height: 80px; padding: 20px; }
.move-container .learn-move { display: block; margin: 0 auto; padding: 0 15px; width: 200px; height: 40px; line-height: 40px; border: 1px solid #666; border-radius: 20px; background-color: transparent; color: #666; font-size: 16px; text-align: center; text-decoration: none; }
.learn-move:hover { color: #f65f5f; border-color: #f65f5f; }


/*软件产品*/
.home-panel{ margin-top:50px;}
.home-panel .panel-title { padding: 20px; text-align: center; }
.home-panel .panel-title .caption { font-size: 26px; }
.home-panel .panel-title .intro { width: 200px; display: inline-block; margin: 0 auto; position: relative; }
.home-panel .panel-title .intro .text { display: inline-block; margin: 0 auto; z-index: 2; position: relative; padding: 5px 15px; }
.home-panel .panel-content { padding-top: 20px; }

/* 软件产品 */
.projuct-wapper{}
.projuct-wapper .projuct-item { margin-bottom: 20px;position:relative; }
.projuct-wapper .projuct-item .cover-img-wapper { position:relative; overflow: hidden; }
.projuct-wapper .projuct-item .cover-img-wapper img{width:100%;}
.projuct-wapper .projuct-item .info-wapper { padding: 10px; }
.projuct-wapper .projuct-item .info-wapper .name{ height:25px;}
.projuct-wapper .projuct-item .info-wapper .right-icon-wapper { width: 40px; height: 25px; position: relative; }
.projuct-wapper .projuct-item .info-wapper .right-icon-wapper i { position: absolute; left: 0; top: 0; }
.projuct-wapper .projuct-item .info-wapper .intro { font-size:12px; color:#a9a9a9; }
.projuct-wapper .projuct-item .line-1,
.projuct-wapper .projuct-item .line-2 { transition: .5s ease; position: absolute; bottom: 0; }
.projuct-wapper .projuct-item .line-1 { width: 100%; height: 1px; background: #cecece; }
.projuct-wapper .projuct-item .line-2 { width: 0; left: 50%; height: 2px; background: #f65f5f; }
.projuct-wapper .projuct-item .cover-img-wapper img,
.projuct-wapper .projuct-item .info-wapper .right-icon-wapper i { transition: 1s ease; }
.projuct-wapper .projuct-item:hover .line-2{ left:0; width: 100%; }
.projuct-wapper .projuct-item:hover .cover-img-wapper img { transform: scale(1.2); }
.projuct-wapper .projuct-item:hover .info-wapper .right-icon-wapper i {  left: 30px; }
.projuct-wapper .projuct-item .cover-img-wapper .light-box { content: ""; pointer-events: all; position: absolute; width: 200px; height: 100%; top: 0; left: -150px; overflow: hidden; background: -moz-linear-gradient(left, rgba(255,255,255,0)0, rgba(255,255,255,.2)50%, rgba(255,255,255,0)100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(50%, rgba(255,255,255,.2)), color-stop(100%, rgba(255,255,255,0))); background: -webkit-linear-gradient(left, rgba(255,255,255,0)0, rgba(255,255,255,.2)50%, rgba(255,255,255,0)100%); background: -o-linear-gradient(left, rgba(255,255,255,0)0, rgba(255,255,255,.2)50%, rgba(255,255,255,0)100%); transform: skewX(-25deg); -webkit-transform: skewX(-25deg); -moz-transform: skewX(-25deg); -o-transform: skewX(-25deg); }
.projuct-wapper .projuct-item:hover .cover-img-wapper .light-box { left: 150%; transition: left 1.3s ease 0s; -webkit-transition: left 1.3s ease 0s; -moz-transition: left 1.3s ease 0s; -o-transition: left 1.3s ease 0s; }


/* 解决方案 */
.solution-wapper{ background:url(/Assets/images/default/bg-solution.jpg) 50% 100%; padding-top:100px; padding-bottom:120px;}
.solution-wapper .row { padding: 0 30px; }
.solution-wapper .row > div { padding: 0; }
.solution-wapper .solution-item { display: block; transition: 1s; background: rgba(255,255,255,.5); color: #444; border: 1px solid #fff;  padding:50px 0; width: 100%; align-items: center; text-align: center; }
.solution-wapper .solution-item>div{width:100%; display:block;}
.solution-wapper .solution-item .icon-wapper i { font-size: 4rem; }
.solution-wapper .solution-item .name{margin-top:30px;}
.solution-wapper .solution-item:hover { background: #f65f5f; z-index:99; position:relative; color: #fff; }

.solution-phone { width: 100%; }
.solution-phone .solution-item { padding: 10px 0; height: initial; }
.solution-phone .solution-item .name{margin-top:0;}


/*教学仓库*/
.teaching-list-wapper { position: relative; width: 100%; height: 300px; overflow: hidden; }
.teaching-list-wapper .teaching-list{position:absolute; background:#fff; transition:1s ease;}
.teaching-list-wapper .teaching-list { display: inline-block; }
.teaching-list-wapper .teaching-list .teaching-item { width: 285px; position:relative; margin-right: 20px; float: left; }
.teaching-list-wapper .teaching-list .teaching-item img { width: 285px; height: 300px }
.teaching-list-wapper .teaching-list .teaching-item .mask-wapper { position: absolute; padding-top: 70px; color: #fff; top: 0; left: 0; background: rgba(0, 0, 0, 0.36); height: 100%; width: 100%; text-align: center; }
.teaching-list-wapper .teaching-list .teaching-item .mask-wapper i { font-size: 50px; color: #e91b1b; }
.teaching-list-wapper .teaching-list .teaching-item .name { color: #fff; font-size:20px; }
/*table 修改*/
.am-nav-tabs { border-bottom: none; width: auto; margin: 0 auto; display: table; }
.am-nav-tabs > li > a{font-size:14px; border:none !important;}
.am-nav-tabs > li > a, 
.am-nav-tabs > li > a:focus, 
.am-nav-tabs > li > a:hover{border:none; background-color:transparent;}
.am-nav-tabs > li.am-active > a,
.am-nav-tabs > li.am-active > a:focus,
.am-nav-tabs > li.am-active > a:hover {background-color:#3e8378; color:#fff;}
.tabs-content { border: none; margin-top:20px;}

/*产品介绍*/
.common-panel-wapper {padding-top:50px;}
.common-panel-wapper .common-panel-title{font-size:36px; color:#3e8378; text-align:center;}
.common-panel-wapper .common-panel-title .hint{position:relative; width:260px; margin:0 auto; height:40px; line-height:40px;}
.common-panel-wapper .common-panel-title .hint .name{font-size:16px; display:inline-block; position:relative; color:#444; background:#fff; padding:5px 30px; z-index:2;}
.common-panel-wapper .common-panel-title .hint .line{position:absolute; height:2px; width:260px; top:30px; background:#eee;}
.common-panel-wapper .common-panel-content{margin-top:30px;}
.common-panel-wapper .common-panel-content .recommend-item .am-thumbnail-caption p { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.common-panel-wapper .common-panel-content .recommend-item:hover { box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3); }


/*关于我们*/
.about-us-wapper {padding-top:50px; background:#f9f9f9;}
.about-us-wapper .intro-wapper{background:#f65f5f; padding:20px; color:#fff;}
@media (min-width: 768px){
    .about-us-wapper .intro-wapper { padding: 80px 150px 40px 50px; }
}
.about-us-wapper .intro-wapper .name { font-size: 24px; }
.about-us-wapper .intro-wapper .intro{margin-top:30px;}
.about-us-wapper .intro-wapper .intro p{text-indent:2em; line-height:1.5em;}
.about-us-wapper .intro-wapper .more-wapper{margin-top:20px;}
.about-us-wapper .intro-wapper .more-wapper .more-btn{position:relative;padding:10px 30px; margin-top:20px; text-align:center; color:#fff; font-size:20px; display:inline-block;}
.about-us-wapper .intro-wapper .more-wapper .more-btn .line { height: 3px; position:absolute; width:100%; left:0; background: #fff; }
.about-us-wapper .intro-wapper .more-wapper .more-btn .line:nth-child(1){top:0;}
.about-us-wapper .intro-wapper .more-wapper .more-btn .line:nth-child(2){bottom:0;}
.about-us-wapper .video-wapper { margin-left: -70px; padding-top: 50px; }

/*统计信息*/
.statistics-wapper .number-list .number-item { padding: 20px 15px; }
.statistics-wapper .number-wapper{ text-align:center;}
.statistics-wapper .number-wapper .value{font-size:42px; }
.statistics-wapper .number-wapper .text{margin-top:10px;}

/* 新闻资讯 */
.news-wapper{background:#f9f9f9; padding:50px 0 100px;}
.news-wapper .big-img-wapper { position: relative;}
.news-wapper .big-img-wapper img { width: 100%; height:310px; }
.news-wapper .big-img-wapper .info-wapper { position: absolute; color: #fff; bottom: 0; left: 0; width: 100%; height: 118px; padding-top: 50px; background: url(/Assets/images/default/bg-news-title.png) repeat 100% 100%; }
.news-wapper .big-img-wapper .info-wapper .info { padding: 0 10px; }
.news-wapper .big-img-wapper .info-wapper .info .title{font-weight:bold; line-height:35px;}
.news-wapper .big-img-wapper .info-wapper .info .intro { font-size: 12px; }
.news-wapper .big-img-wapper .info-wapper .date-time { background: #f65f5f; line-height: 35px; padding:0 10px; text-align:center; width:70px;}
.news-wapper .big-img-wapper .info-wapper .date-time .date{border-bottom:1px solid #fff;}
.article-list { width: 100%; }
.article-list .article-item:first-child { border-top: 1px solid #dadada; }
.article-list .article-item { border-bottom: 1px solid #dadada; color: #4b4b4b; padding:15px 0; position: relative; }
.article-list .article-item a { color: #4b4b4b ;}
.article-list .article-item .title { display: block; width: 100%; height: 30px; font-size: 16px; font-weight: bold; line-height: 30px; overflow: hidden; text-overflow: ellipsis; }
.article-list .article-item .summary{ color:#999999; font-size:12px; width:100%; overflow:hidden; text-overflow:ellipsis;}
.article-list .article-item .date-time { line-height: 35px;  border: 1px solid #dadada; padding: 0 10px; text-align: center; width: 70px; }
.article-list .article-item .date-time .date{border-bottom:1px solid #dadada; }
.article-list .article-item.active .title{ color: #f65f5f; }
.article-list .article-item.active .date-time { background: #f65f5f; border-color:#f65f5f; color: #fff; }
.article-list .article-item.active .date-time .date { border-bottom-color: #fff; }

/*校企合作*/
.cooperation-wapper{padding-bottom:200px;}
.cooperation-wapper img{max-width:100%;}
/*页面底部*/
.footer-wapper { width: 100%; padding: 10px 0 0; background: #666666;}
.footer-wapper,
.footer-wapper a{color:#fff;}
.footer-wapper .blogroll-wapper { padding-left: 0; padding-bottom: 10px; }
.footer-wapper .blogroll-wapper ul li{float:left; list-style:none;  line-height:35px; line-height:35px;}
.footer-wapper .blogroll-wapper ul li a{color:#aaa; padding:0 20px; font-weight:bold;}
.footer-wapper .footer-help-center{margin-top:20px; border-bottom:1px solid #60606d;}
.footer-help-center a{color:#60606d;font-size:14px;}
.footer-wapper .footer-about-us {padding-top:40px; font-size:14px;  padding-bottom:20px;}
.footer-wapper .footer-about-us .f_widget .f_title { position: relative; padding:7px 0; font-size: 18px; }
.footer-wapper .footer-about-us .f_widget .f_title::after { content: ""; display: inline-block; position: absolute; left: 0px; bottom: 0; width: 30px; height: 3px; background: #fff; }
.footer-wapper .footer-about-us .f_widget .contact_details { margin-top: 20px; padding-right:80px; }
.footer-wapper .footer-about-us .about-widget ul li { float: left; margin-right: 20px; }
.footer-wapper .footer-about-us .about-widget ul li a { font-size: 14px; color: #fff; height: 46px; width: 46px; border-radius: 50%; display: inline-block; text-align: center; line-height: 45px; background: #25252b; -webkit-transition: all 300ms linear 0s; -o-transition: all 300ms linear 0s; transition: all 300ms linear 0s; }
.footer-wapper .footer-about-us .about-widget ul li a:hover{background: rgba(255,255,255,.7);}
.footer-wapper .footer-about-us .nav-widget ul li a{color:#60606d; line-height:30px;}
.footer-wapper .footer-copy-right { padding: 20px 0; text-align: center; font-size: 14px; background: #333333 ;}
.footer-wapper .footer-copy-right .login { color: #fff;}
.footer-wapper .map-box{width:100%; height:300px;}
.anchorBL { display: none; } 

/*快捷菜单*/
@keyframes QQ{
    0%{
        opacity:0;
    }
    60% { opacity: 1; }
    80% { opacity: .5; }
    100% { opacity: 1; }
}
.fixed-silde-menu { position: fixed; right: 0; bottom: 50%; height: auto; border-radius:10px 0 0 10px; background: #fff; box-shadow: 0 0 6px rgba(7,17,27,.35); z-index: 999; }
.fixed-silde-menu ul { margin-bottom:0 !important; padding-left:5px;}
.fixed-silde-menu ul li { text-align: center; width:40px; height:40px; border-bottom: 1px solid #ddd; position: relative; }
.fixed-silde-menu ul li:first-child .iconfont { animation: 1s QQ infinite; }
.fixed-silde-menu ul li:last-child { border-bottom: none; }
.fixed-silde-menu ul li a { text-decoration: none; display: block; font-size: 14px; color: #f65f5f; padding: 5px 0; }
.fixed-silde-menu ul li .iconfont { font-size: 20px; }
.fixed-silde-menu ul li .name { padding: 0 5px; font-size:12px; display: none;
}

.fixed-silde-menu ul li .weixin-qrcode {
    position: relative; background-image: url(https://www.z-window.com/Assets/images/QRCode/qyh.jpg);background-size: 150px;width: 150px;height: 150px; top:-156px; left:-111px; border-radius: 5px;
    display: none;
}
.fixed-silde-menu ul li:hover .weixin-qrcode { 
    display: block;

 }

.fixed-silde-menu ul li .content-hint-wapper { display: none; }
.fixed-silde-menu ul li:hover .iconfont { display: none; }
.fixed-silde-menu ul li:hover .name { 
    display: block;

 }

.fixed-silde-menu ul li:hover .content-hint-wapper { display: block; }
.content-hint-wapper { position: absolute; width:200px; right: 45px; bottom: 0; }
.content-hint-wapper .content-hint { padding:5px 10px; font-size:14px; background: #e91b1b; border-radius:5px; color:#fff; margin-right: 10px; position: relative; box-shadow: 0 0 8px #666; }
.content-hint-wapper .triangle-right { position: absolute; right: -10px; bottom: 6px; width: 0; height: 0; border-top: 10px solid transparent; border-left: 10px solid #e91b1b; border-bottom: 10px solid transparent; }
.content-hint-wapper .content-hint img { width: 100px; }
.leave-message-frame { width: 100%; height: 550px; border: none; }